<div class="panel panel-default m-n">
    <div class="panel-heading font-bold">添加手机号码</div>
    <div class="panel-body">
        <form name="phoneForm" role="form" class="ng-pristine ng-valid" ng-submit="addMobilePhoneWhite()">
            <div class="m-b-xs">
                <div class="pull-left">
                    <label>手机号码:</label>
                </div>
                <input type="text" name="phone" ng-model="phone" class="form-control" placeholder="输入手机号码" ng-pattern="/^1[34578]\d{9}$/" required>
                <div class="pull-left" ng-if="phoneForm.phone.$touched">
                    <span class="text text-danger" ng-if="phoneForm.phone.$error.required">手机号码是必填的</span>
                    <span class="text text-danger" ng-if="phoneForm.phone.$error.pattern">手机号码格式有误</span>
                </div>
            </div>
            <div class="text-right">
                <button class="btn btn-sm btn-info" type="submit" ng-disabled="phoneForm.$invalid">确定</button>
                <div class="btn btn-sm btn-default" ng-click="cancel()">取消</div>
            </div>
        </form>
    </div>
</div>